import { Component } from 'react';

import axios from 'axios';


class App extends Component {
  render() {
    return <div>
      <button onClick={this.getStu}>点击请求学生数据</button>
      <button onClick={this.getCar}>点击请求汽车数据</button>
    </div>
  }

  getStu = () => {
    console.log(1);
    //把请求的地址写成自己的地址，后边的路径保持不变，当先访问3000的时候，如果没有资源，则会自动走proxy代理去请求
    axios.get("http://localhost:3000/api1/students")
      .then(req => {
        console.log(req);
      })
      .catch(reason => {
        console.log(reason);
      })
  }

  getCar = () => {
    console.log(2);
    //把请求的地址写成自己的地址，后边的路径保持不变，当先访问3000的时候，如果没有资源，则会自动走proxy代理去请求
    axios.get("http://localhost:3000/api2/cars")
      .then(req => {
        console.log(req);
      })
      .catch(reason => {
        console.log(reason);
      })
  }
}

export default App;

